<template>
	<div id="news">

<mt-header   fixed title="选择派送员区">
			<router-link to="/" slot="left">
				<mt-button icon="back">返回</mt-button>
			</router-link>
			<mt-button icon="more" slot="right"></mt-button>
		</mt-header>
<div>
<div id="titleone">
<img   src="../../assets/paisongyuan.png">
</div>
<img   src="../../assets/huo.png">
</div>
<div class="expressone">
<div id="lxltext">
      <a>派送员01：龙星凉</a><br>
      信誉度：90%<br>
      好评率：99%<br>
      <hr>
      电话：1234567
      </div>
<div id="lxl">
<img src="../../assets/longxingliang.jpg">
</div>
</div>
<div class="expressone">

<div id="nzh">
<img src="../../assets/nanzhuhe.jpg">
</div>
<div id="nzhtext">
            <a>派送员02：南柱赫</a><br>
            信誉度：90%<br>
            好评率：99%<br>
            <hr>
            电话：7654321
            </div>
</div>
</div>
</template>




<script>
import Vue from 'vue'


export default {
	name:'news',
	data () {
    	return {
    	     }},
     methods:{
     }
     }
</script>

<style>
body{
width:auto;
height:600px;
}
.expressone{

width:370px;
height:170px;

position:relative;
}
#titleone{
margin-top:24px;
}
#lxltext{
float:left;
position:relative;
margin-top:30px;
margin-left:30px;
}
#lxl img{
float:left;
width:140px;
height:140px;
margin-left:20px;
margin-top:20px;
position:relative;
}

hr{
width:140px;
}
#nzh img{
width:140px;
height:140px;
margin-left:20px;
padding-top:20px;
float:left;
position:relative;}
#nzhtext{
float:left;
position:relative;
padding-top:40px;
padding-left:20px;
}
</style>